/*-------------------begin of slider----------------------*/
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 14px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
    .slider.alwayson {
        background-color: #2784E3!important;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 10px;
        width: 10px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2784E3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2784E3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 14px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*-------------------end of slider----------------------*/
/*Togle buttons*/
.toggle-button {
    display: flex;
    overflow: hidden;
}

    .toggle-button input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .toggle-button label {
        background-color: #e4e4e4;
        color: rgba(0, 0, 0, 0.6);
        font-size: 14px;
        line-height: 1;
        text-align: center;
        padding: 8px 16px;
        margin-right: -1px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        transition: all 0.1s ease-in-out;
    }

        .toggle-button label:hover {
            cursor: pointer;
        }

    .toggle-button input:checked + label {
        background-color: #28a4c8;
        color: #FFFFFF;
        box-shadow: none;
    }

    .toggle-button label:first-of-type {
        border-radius: 4px 0 0 4px;
    }

    .toggle-button label:last-of-type {
        border-radius: 0 4px 4px 0;
    }
/*end of toggle buttons*/
/*Start of Modal*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Modal Body */
.modal-body {
    padding: 2px 16px;
}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    top: 50px;
    border: 1px solid #888;
    width: 800px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 50px;
        opacity: 1
    }
}

/* The Close Button */
.modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .modal-close:hover,
    .modal-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
/*end of Modal*/
.floatingbutton {
    position: fixed;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 40px;
    background-color: #2684e0;
    color: #FFF;
    border-radius: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    box-shadow: 2px 2px 3px #999;
    font-size: 35px;
    text-decoration: none;
    z-index: 1000;
}
.helpbutton {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 40px;
    background-color: #2684e0;
    color: #FFF;
    border-radius: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    box-shadow: 2px 2px 3px #999;
    font-size: 35px;
    text-decoration: none;
    z-index: 1000;
}
::-webkit-input-placeholder { 
    color: #CCCCCC; text-overflow: ellipsis; 
}
:-moz-placeholder { 
    color: #CCCCCC !important; text-overflow: ellipsis; 
}
::-moz-placeholder { 
    color: #CCCCCC !important; text-overflow: ellipsis; 
} /* for the future */
:-ms-input-placeholder { 
    color: #CCCCCC !important; text-overflow: ellipsis; 
}
.ca-resource-grid td {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
.ca-resource-grid .no-borders {
    border-width: 0px;
}
.resource-row:hover {
    background-color: whitesmoke;
}
.originalprice {
	color: #FF0000;
	text-decoration: line-through;
}
.cancelled {
	color: #999999;
	text-decoration: line-through;
}
.explanation {
    color: #666666;
    font-style: italic;
    font-size: 13px;
}
.td-resource-available {
    background-color: #66CC33;
}
.HoverOpacity1 {
    opacity: 0.3;
}
.HoverOpacity1:hover {
    opacity: 1.0;
}
.resengoname {
    padding: 3px 3px 3px 20px;
    height: 22px;
    background: url(/Code/_Images/resengo_icon_small.png) no-repeat;
    background-position: 3px 50%;
    color: #FFFFFF;
    font-family: "nexa_lightregular",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 10px;
    background-color: rgb(40, 164, 200);
}
#HostbasketLink {
    display: none;
}
#ShowPersonInfo, #WS_Shop_CustomMessage{
	border:1px solid #CECECE;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
	text-align:left;
	margin-left:10px;
	margin-bottom:10px;
	display:none;
}
.hide {
    display:none;
}
.Subscription_body td, #EventPersonTable {
	height:20px;
}
#frmEventPerson table tr td {
  padding-bottom: 0em !important;
}
#BF_FBO_DIV {
    display: none;
}
#BannerFile {
    margin-left: 15px;
    margin-top: 5px;
}
.home-button-table {
    display: inline !important;
}
.FBO_UserToken_Expired_Message
{
	text-align:left;
	margin-top:6px;
	padding:2px 0 0 20px;
	border:0px solid #ff0000;
	border-radius:8px;
}
.FBO_UserToken_Expired_Message a
{
   color:#ff0000;
   text-decoration:none;
}
.FBO_UserToken_Expired_Message a:visited,
.FBO_UserToken_Expired_Message a:hover
{
   color:#ff0000;
}
.FBO_UserToken_Refreshed_Message
{
   color:#00ff00;
   text-align:center;
   margin-top:6px;
   padding:2px;
   border:2px solid #00ff00;
   border-radius:8px;
   display:none;
   cursor:pointer;
}
.LoginSmall_table #FacebookButton {
    background-size: 17px 16px !important;
    font-size: 0.7em !important;

}
#entireBody #ReserveerNuLabel,
#entireBody .DG {
    display: none;
}
.OpenInvoices .row td {
    background-color: transparent;
}
table.OpenInvoices .row:nth-child(2n+1), table.OpenInvoices .row {
    background-color: transparent !important;
}
/*MonthOverViewTable=====================================================*/
.calendar-days {
    border-left: 1px solid rgb(211, 211, 211)!important;
}
.calendar-weekendday {
    border-left: 1px solid rgb(40, 164, 200) !important;
}
.CalendarSelect_TABLE {
    border-spacing: 0px;
    border-collapse: separate;
}
.calendar-day {
    border-spacing: 0px;
    border-collapse: collapse;
}
/*CA=====================================================*/
.paystatus {
    padding: 4px;
    border-radius: .25em;
    color: white;
    text-decoration: none;
}
    .paystatus:hover {
        color: white;
        text-decoration: none;
        opacity: 0.8;
    }
    .paystatus.paid-neutral {
        background-color: #999999;
        border: 2px solid #666666;
    }
    .paystatus.paid-yes {
        background-color: #5CB85C;
        border: 2px solid #48a548;
    }
    .paystatus.paid-no {
        background-color: #e75353;
        border: 2px solid #cf1d1d;
    }
    .paystatus.paid-partly {
        background-color: #F0AD4E;
        border: 2px solid #dd8913;
    }
    .paystatus.paid-toomuch {
        background-color: #28a4c8;
        border: 2px solid #287cc8;
    }
    .authorisation {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABNklEQVQ4jcXSv6vPYRjG8ddHBkkGgyQbiUUYpDP4MSqjwSCdwWBQJtls8g8om0GKiSyUBYsku5MUkyILdZzodN6Wz7c+g+N0Brnq6el+7vu67h/Pzf/GUMFpHMSGNeJXJvcCHgzVNVzFq9Gxsgp5hg3jOYKbqs/Veag2VfPVjepitbXaUl0Y3+arzWPsmerbUC3iFN7hGfZNsn3CMj7iNeawHSexEy9US9Wx6l5/xttxTirVrephdaRamgosriJQtW1WUrWr+lnNVUvTqf/tB6a+lak9dTxehbwwDMPXWQu4gqf4BRsnipdxAHsm5C/YWj3BGxzFXhwfh2kjfmDHMAzPq0M4h/34gLtjgnPYjUe4MwzD9+owlofqOi7h5VjWWos0a/0Ebs9W+exY2nrwHvfXyfkH+A3wiOAKYQWO+QAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 20px;
    }
    .paystatus.authorisation-yes {
        background-color: #5CB85C;
        border: 2px solid #48a548;
    }
    .paystatus.authorisation-no {
        background-color: #e75353;
        border: 2px solid #cf1d1d;
    }
    .paystatus.authorisation-pending {
        background-color: #CCCCCC;
        border: 2px solid #bfbebe;
    }
    .paid-pending {
        background-color: #CCCCCC;
        border: 2px solid #bfbebe;
    }

        .InfoMessageDetail {
    text-align: left;
}
.event-detail {
    background-color: white;
    border: 2px solid #28a4c8;
    z-index: 10000;
    position: absolute;
    min-width: 180px;
    max-width: 400px;
    min-height: 20px;
    padding: 5px;
}
    .event-detail:after {
        content: "";
        width: 0px;
        height: 0px;
        display: block;
        position: absolute;
        left: -17px;
        top: 5px;
        border-left: 10px solid transparent;
        border-right: 10px solid #FFF;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .event-detail:before {
        content: "";
        width: 0px;
        height: 0px;
        display: block;
        position: absolute;
        top: 5px;
        left: -20px;
        border-left: 10px solid transparent;
        border-right: 10px solid #28a4c8;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
.event-detail.arrow-top:after {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    left: 10px;
    top: -17px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #FFF;
}

.event-detail.arrow-top:before {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    top: -20px;
    left: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #28a4c8;
}
.CalendarTable .CalendarSelectWeekdayHeading_TD td {
    border-top: solid 1px #999999;
}
.CalendarSelectWeekdayHeading_TD {
    background: linear-gradient(to bottom, white 30%, #ededed 70%);
    max-height: 20px;
}
.CalendarSelectWeekenddayHeading_TD td {
    border-left: solid 1px rgb(40, 164, 200);
}
    .CalendarSelectWeekdayHeading_TD .buttons {
        padding-bottom: 0px;
        padding-top: 0px;
    }
.CalendarSelect_Today {
    background: none;
    background-color: #28a4c8;
    color: #FFFFFF;
}
.HolidayTable {
    background: none;
}
.CalendarSelectWeekdayEvent {
    background-color: white;
}
    .CalendarSelectWeekdayEvent:hover {
        background-color: #fafafa;
    }
.CalendarNoEvent, .CalendarNoEvent TR, .CalendarNoEvent TD {
    background-color: #fafafa;
    color: #000000 !important;
    opacity: 0.4;
}
    .CalendarNoEvent:hover, .CalendarNoEvent TR:hover, .CalendarNoEvent TD:hover {
        opacity: 1;
        color: #000000 !important;
    }
.CA_AddReservationLink :hover {
    text-decoration: underline;
}
.CalendarSelectWeekdayEvent.Occupation100 {
    background-color: #85ca85;
}
.CalendarSelectWeekdayEvent.Occupation90 {
    background-color: #aedcae;
}
.CalendarSelectWeekdayEvent.Occupation80 {
    background-color: #d7eed7;
}
.CalendarSelectWeekdayEvent.Occupation70 {
    background-color: #f2faf2;
}
.current-timeslot a {
    background-color: #28a4c8 !important;
}
#CA_AEEP_BODY tr td {
    min-height: 25px;
}
.NotAssigned {
	background-color: #e75353;
}
.NotAssigned a {
    color: #FFFFFF;
}
.Subscription_body #DixysLink {
    display: none;
}
#DixysLink {
    position: fixed;
    bottom: 5px;
    left: 5px;
}
.RequiredLabel div::after {
    content: "*";
}
.supportlink {
    text-transform: lowercase;
}
.Subscription_body input#Email,
.Subscription_body input#First_Name,
.Subscription_body input#City,
.Subscription_body input#Last_Name,
.Subscription_body select#Country,
.Subscription_body input#SubscriptionName,
.Subscription_body input#CA_Email{
	width:250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.Subscription_body textarea {
	height: 30px;
	width:250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.Subscription_body #DixysLink {
	display: none;
}
.TooLate_Message {
    background-color: red;
    padding: 5px;
    color: white;
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;

}
.CalendarList_Subscription {
    height: 30px;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}
@media only screen and (max-width : 450px) {
    .Subscription_body input#Email,
    .Subscription_body input#First_Name,
    .Subscription_body input#Company,
    .Subscription_body input#City,
    .Subscription_body input#Last_Name,
    .Subscription_body input#PostalCode,
    .Subscription_body select#Country,
    .Subscription_body input#SubscriptionName,
    .Subscription_body input#CA_Email{
	    width:150px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    .Subscription_body select#External_Mobile {
	    width:50px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    .Subscription_body input#Number_Mobile {
	    width:95px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    .Subscription_body textarea {
	    height: 30px;
	    width:150px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    #Calendar_Small_Choice_table, #Calendar_Small_Wrapper_table, #Calendar_Small_table, #EventPersonTable, #SubscriptionTable {
	    max-width: 300px;	
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    #Calendar_Small_Wrapper_table td, #EventPersonTable td, #SubscriptionTable td {
	    white-space:normal;
    }
    .Subscription_body fieldset {
	    max-width: 350px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
}

@media screen and (max-width: 400px)  
{
	Subscription_body {
		width: 100%;
		margin: 3px;
	}
	#ReservationFrame, 
	#Personlist_Subscribe_Calendar_body, 
	#SubscriptionTable, 
	#CreditCardTable,
	#EventPersonTable,
	#SubmitTable{
		width: 98%;
	}
	#GlobalSign {
		width: 100px;
	}
	.Dashboard_Tile {
		display: block;
		min-width:100%;
		width:100%;
		max-width:100%;
		margin-top: 1px;
	}
	#Dashboard_MenuDIV, #Dashboard_FrameDIV {
		min-height: 100%;
		height: 100%;
		max-height: 100%;
	}
}
/*OR=====================================================*/
.OR_Event_TABLE a {
    color: #2f2f2f;
}
div#OR_MultipleDay_Months{
	padding:0 0 20px 0;}
#OR_MultipleDay_Months td{
	padding:0;}
#OR_MultipleDay_Months table .month{
	width:200px;
	height:25px;
	border:0px solid #ccc;
	padding:5px;}
#OR_MultipleDay_Months table .month tr{
	height:20px;}
#OR_MultipleDay_Months td .month{
	font:normal 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#333;}
	
#OR_MultipleDay_Months td .weekday, #OR_MultipleDay_Months td .notaDay, #OR_MultipleDay_Months td .NotADay, #OR_MultipleDay_Months td .AvailableDay, #OR_MultipleDay_Months td .OccupiedDay, #OR_MultipleDay_Months td .StartDay{
	width:30px;
	height:30px;
	border:1px solid #ccc;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:right;
	vertical-align:bottom;
	padding:0 2px 2px 0;}
#OR_MultipleDay_Months td .notaDay{
	background:#e6e6e6;
	color:#333;}
#OR_MultipleDay_Months td .AvailableDay{
	background:#66CC33;
	color:#fff;}
#OR_MultipleDay_Months td .StartDay{
	background:#66CC33 url(/Code/_Images/available-arrow.png?2) no-repeat;
	color:#fff;}
#OR_MultipleDay_Months td .StartDay:hover{
	cursor:pointer;}
#OR_MultipleDay_Months td .StartDay a{
	color:#fff;
	display:block;
	text-decoration:none;
	font-weight:bold;}
#OR_MultipleDay_Months td .OccupiedDay{
	background:#FF3333;
	color:#fff;}
#OR_MultipleDay_Months .prev{
	text-align:right;}
#OR_MultipleDay_Months .next{
	text-align:left;}
.EventInWaitingList {
	width:15px;
	min-width:15px;
	max-width:15px;
	height:15px;
	min-height:15px;
	max-height:15px;
	background-color: crimson;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight:bold;
	color: #ffffff;
	display: inline-block;
	font-size: 11px;
	text-align:center;
	margin-left:2px;	
}
#OR_Reservation_d_w_default .WeekViewReservationCell {
	padding: 0px;	
	border-collapse:collapse;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: #dfdfdf;
	border-collapse:collapse;
}
#OR_Reservation_d_w_default .WeekViewReservationTable {
	border-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	border-left-color:#FFFFFF;
	border-top-style: solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-collapse:collapse;
}
#OR_Reservation_d_w_group .WeekViewNoPlanning {
	background-color: #fff;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:1px;
	border-collapse:collapse;
}
#OR_Reservation_d_w_group .WeekViewReservationTable {
	padding:10px;
	border-style:solid;
	border-color: #666666;
	border-width: 1px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-collapse: separate;
}
#OR_Reservation_d_w_group .WeekViewReservationCell {
	padding:5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-collapse:collapse;
	
}
#OR_Reservation_d_w_group .WeekViewTimeColumnHour {
	display:none;
}
#OR_Reservation_d_w_group .WeekViewWeekTable {
	background-color:#FFF;
}
.Reservation_Hover_Table {
	border-style:solid;
	border-color: #666666;
	border-width: 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-collapse: separate;
}
#OR_Reservation_d_w_default .Normal_Text_1, 
#OR_Reservation_d_w_group .Normal_Text_1 {
	line-height:normal;
}
#OR_Reservation_d_w_default select,
#OR_Reservation_d_w_default option,
#OR_Reservation_d_w_group select,
#OR_Reservation_d_w_group option{
	padding: 1px;
}
.RN_CategoryGroupName {
	text-decoration:underline;
}
.OR_DW_Ruler_TD {
	padding: 0px;
	width:0px;
	height:1px;
	border-spacing: 0px;
	border: 0px;
}
.OR_Minute_TD {
	width: 1px!important;
	height:0px!important;
	visibility:hidden!important;
	display:none;
}
#ResourceDescriptionTR{
    font-size:12px;
}
.WeekViewWeekTable {
	background-color:#FFF;
	border-style: none;
	border-collapse:collapse;
	padding: 2px;
}
.WeekViewTimeColumnHour {
	font-size:11px;
    border-color: #dfdfdf !important;
}
.WeekViewTimeColumn {
	font-size:10px;
}
.TimeTable {
	font-size: 10px;
}
#ReservationGrid, #WeekHeader, #WeekHeader .Heading1 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.TimeColumnRight {
	border-left-width: 1px !important;
	border-left-color: #dfdfdf !important;
	border-left-style: solid !important;
	font-size: 10px;
}
.TimeColumnLeft {
	border-right-width: 1px !important;
	border-right-color: #dfdfdf !important;
	border-right-style: solid !important;
	border-collapse:collapse !important;
	font-size: 10px;
}
#EVENTMENU a {
    text-decoration: none;
}
.reservation-detail.container {
    position: fixed;
    background-color: rgba(51, 51, 51, 0.66);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
    vertical-align: middle;
    z-index: 999;
}
.reservation-detail .frame {
    position: fixed;
    z-index: 1000;
}
.reservation-detail .tablerow .data-container {
  vertical-align: top !important;
}
.reservation-detail .widget-container .widget {
  min-height: 25px;
}
body .head1 {
  position: relative;
}
/*WS=====================================================*/
#tableShop{
	padding-top:5px;
}
#tdFoldersAndProducts{
	float:left;
	margin: 5px;
}
#tdShoppingCart{
	float:left;
	margin: 5px;
}
#tdFolders{float:left;}
#tdProducts{float:left;}
#ShowPersonInfo, #WS_Shop_CustomMessage{
	border:1px solid #CECECE;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
	text-align:left;
	margin-left:10px;
	margin-bottom:10px;
	display:none;
}
.WebShop_Body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
}
.WebShop_Body {
	margin: 0px 20px 20px 20px
	}
.WebShop_AssetTD_AssetList{
	color: #000000;
}
.WebShop_AssetList_AssetTD{
	color:#000;
}
.ShoppingCart{
	color: #000000;
	font-weight: bold;
	background-color: #FFFFFF;
}
.WebShop_AssetList_Normal_Text_1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;
}
.WebShop_AssetList_Heading1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000}
.WebShop_AssetList_MenuCell {
	
	background-repeat: no-repeat;
	background-position:  center;
	}
.WebShop_AssetList {
	
	}
.WebShop_AssetList a{
	color: #FF0000;
	}
.WebShop_AssetList hr{
	color: #FFFFFF;
	}
.WebShop_AssetList input{

}

.WebShop_AssetDetail_AssetTD{
	background-color:#FFFFFF;
	color:#000;
}
.WebShop_AssetDetail_Normal_Text_1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;
	}
.WebShop_AssetDetail_Heading1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000;
	}
.WebShop_AssetAssetDetail_MenuCell {
	
	background-repeat: no-repeat;
	background-position:  center;
	}
.WebShop_AssetDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;

	}
.WebShop_AssetDetail a{
	color: #000000;
	}
.WebShop_AssetDetail hr{
	color: #cccccc;
	}
.WebShop_AssetDetail input{
	
}
.WebShop_AssetDetail_TableHeading1 {
	background-color: #01004e;
	border-color: #666666 black black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.WebShop_PriceType_2 {
	background-color: #FF0000;
	font-weight: bold;
}
.WebShop_FolderView {
	background-color: whitesmoke;
}
.WebShop_FolderView a{
	color:#000000;
}
.WebShop_FolderView_Folder{
	font-size: 12px;
	line-height: 20px;
}
.WebShop_FolderView_Asset{
	color:#000000;
	font-weight: bold;
}
.POS Normal_Text_1 {
	color: #000000;
} 
.Webshop_Body {
	background-color: #FFFFFF;
}
#AppendEditPersonTable td, #LoginTable td {
	text-align: left;
}
.Panel_Top_Left_Cell_Title {
	width: 20px;
	height: 40px;
	background: url(/Code/_Images/spacer.gif) no-repeat top left;	
}
.Panel_Top_Middle_Cell_Title {
	background: url(/Code/_Images/spacer.gif) repeat-x top left;
	text-align:center;
}
.Panel_Top_Right_Cell_Title {
	width: 20px;
	height: 40px;
	background: url(/Code/_Images/spacer.gif) no-repeat top right;
}
.Panel_Middle_Left_Cell {
	width: 20px;
	background: url(/Code/_Images/spacer.gif) repeat-y top left;
}
.Panel_Middle_Right_Cell {
	width: 20px;
	background: url(/Code/_Images/spacer.gif) repeat-y top right;
}
.Panel_Bottom_Left_Cell {
	width: 20px;
	height: 20px;
	background: url(/Code/_Images/spacer.gif) no-repeat bottom left;
}
.Panal_Bottom_Middle_Cell {
	height: 20px;
	background: url(/Code/_Images/spacer.gif) repeat-x bottom left;
}
.Panel_Bottom_Right_Cell {
	width: 20px;
	height: 20px;
	background: url(/Code/_Images/spacer.gif) no-repeat bottom right;
}
.Panel_Top_Row_Title {
	background-color:whitesmoke;
}
.Panel_Top_Left_Cell_Title {
	border-top-left-radius: 0px;
}
.Panel_Top_Right_Cell_Title {
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-khtml-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}
.SHOP_TABLE_Asset {
	border-bottom: solid;
	border-width:thin;
	border-color:#CCC;
}
#Assets, #ShoppingBasket, #Confirm, .Panel {
	border:solid;
	border-width:thin;
	border-color:#CCC;
}
.Panel_Top_Row_Title {
	background-color:whitesmoke;
}
.Panel_Top_Left_Cell_Title {
	border-top-left-radius: 0px;
}
.Panel_Top_Right_Cell_Title {
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-khtml-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}
.orderoverview-detailline {
    display: none;
}
.success .POS {
    background-color: #5cb85c;
    color: #FFFFFF;
}
/*AV===============================================================*/
.AV_Head, .COM_Head{
	font-family: Arial, sans-serif;
	font-size:20px;
	margin: 10px 5px 10px 5px;
	color:#00729E;
	text-align:center;
}
.AV_Message, .COM_Message, .COM_Message_New {
	width: 700px ;
  	margin-left: auto ;
  	margin-right: auto ;
	border-bottom:1px solid #CECECE;
	padding:5px 5px 20px 5px;
}
.COM_ReadMessage {
	float: right;
	font-size:10px;
	color: #777777;
    margin-top: -10px;
}
.COM_Message_New {
	background-color: #CDE4E8;
}
.COM_Message_New .COM_Heading1, .COM_Message_New .COM_Normal_Text_1, .COM_Message_New .COM_Info_Normal_Text_1 {
	/*color: #FF264E !important;*/
}
.COM_Quote {
    display: block;
    padding: 5px;
    margin: 2px 0 1px;
    color: #333;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.COM_Quote:before {
    content:"";
    position:absolute;
    bottom:-10px;
    left:40px;
    border-width:2px 2px 0;
    border-style:solid;
    border-color:rgb(40, 164, 200) transparent;
    display:block;
    width:0;
}
.COM_Quote:after {
    content:"";
    position:absolute;
    bottom:-13px;
    left:47px;
    border-width:1px 1px 0;
    border-style:solid;
    border-color:#fff transparent;
    display:block;
    width:0;
}
.COM_Quote_Customer {
    margin-right:20px;
    border: 1px solid rgb(40, 164, 200);
}
.COM_Quote_Owner {
    margin-left:20px;
    border: 1px solid #D06516;
}
.COM_Quote_InsertDate {
    position: relative;
    bottom: 0;
    left: 0;
    width: 550px;
    text-align: right;
    font-size: 10px;
    color: #CCCCCC;
    display: block;
}
.AV_Message:hover, .COM_Message:hover, .COM_Message_New:hover {
	background-color: #F5F5F5;
	transition: all 0.3s ease-out 0s;
}
.AV_Message:hover .AV_Normal_Text_1, .COM_Message:hover .COM_Normal_Text_1{
	color:#3F3737;
}
.AV_Heading1, .COM_Heading1{
	font-family: Arial, sans-serif;
	font-size:16px;
	margin: 5px 5px 0px 5px;
	color:#00729E;
}
.AV_Normal_Text_1, .COM_Normal_Text_1{
	font-family: Arial, sans-serif;
	font-size:12px;
	margin: 0px 5px 5px 5px;
	color: #555555;
}
.AV_Info_Normal_Text_1, .COM_Info_Normal_Text_1{
	font-family: Arial, sans-serif;
	font-size:10px;
	color: #777777;
	width:200px;
	display:inline;
	margin: 5px;
	padding-top:5px;
}
#FB_Feedback .Normal_Text_1,
#FB_Feedback table,
#FB_Feedback h5
 {
    font-size: 14px;
}
#FB_Feedback textarea {
    width: 300px !important;
    height: 150px !important;
}
.AV_Edit, .COM_Edit{float:right; display:inline; margin:0px;}
#AV_Button, #COM_Button{vertical-align:text-bottom;}
#AV_AEM_TABLE textarea {
	height: 200px;
	width: 300px;
}
#AV_AEM_TABLE #Summary {
	height: 50px;
	width: 300px;
}
/*TD================================================*/
.ToDoLate, .Priority1 {
    background-color: #e75353;
}
.ToDoOnDate, .Priority2 {
    background-color: rgb(255, 165, 0);
}
.ToDoOK, .Priority3 {
    background-color: #5cb85c;
}
.td-status,
.ToDoLate,
.ToDoOnDate,
.ToDoOK,
.Priority1,
.Priority2,
.Priority3 {
    border-top-color: whitesmoke !important;
    border-top-style: solid !important;
    border-top-width: 1px !important;

}
/*Chart*/
.chart_valuebar {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: solid;
    border-width: 2px;
    display: none;
}
.chart_valuebar0 {
    border-color: #A2B2C5;
    background: rgba(162,178,197, .5);
}
.chart_valuebar1 {
    border-color: #d3dde9;
    background: rgba(211,221,233, .5);
}
.chart_valuebar2 {
    border-color: #BDC6D1;
    background: rgba(189,198,209, .5);
}
.chart_valuebar3 {
    border-color: #cfdae7;
    background: rgba(207, 218, 231, .5);
}
.chart_valuebar4 {
    border-color: #a6bad3;
    background: rgba(166, 186, 211, .5);
}
.chart_valuebar5 {
    border-color: #5279a7;
    background: rgba(82, 121, 167, .5);
}
.chart_valuebar6 {
    border-color: #45658c;
    background: rgba(69, 101, 140, .5);
}
.chart_valuebar7 {
    border-color: #6a8cb6;
    background: rgba(106, 140, 182 , .5);
}
.chart_valuebar8 {
    border-color: #84a0c3;
    background: rgba(132, 160, 195, .5);
}
.chart_grouplabel {
    border-width: 0px;
}
.chart_valuelabel {
    display: none;
}
.chart_barlabel {
    overflow: hidden;
}
.chart_groupdivider {
    border-left: dotted;
    border-left-width: 1px;
    border-left-color: #666666;
    font-size: 10px;
    text-align: right;
    opacity: .5;
}
.chart_comparisonlabel {
    border-bottom: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    font-size: 10px;
    text-align: right;
    opacity: .5;
    display: none;
}
.chart_target {
    border-bottom: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #FF0000;
    font-size: 10px;
    text-align: right;
    opacity: .5;
}
.chart_comparisonlabel span {
    margin-right: 3px;
}
.chart_referencevalue {
    font-size: 10px;
}
.chart_comparison {
    vertical-align: middle;
}
.singlecaclient {
    display: none;
}
/*---Fixes Mats 21/4/15---*/
.WeekViewReservationTable .paid-no-gif.action-btn, .WeekViewReservationTable .paid-yes-gif.action-btn, .WeekViewReservationTable .paid-partly-gif.action-btn, .WeekViewReservationTable .paid-toomuch-gif.action-btn {
    opacity: 1 !important;
} 
#or-reservation-list .paid-no-gif.action-btn, #or-reservation-list .paid-yes-gif.action-btn, #or-reservation-list .paid-partly-gif.action-btn, #or-reservation-list .paid-toomuch-gif.action-btn {
    opacity: 1 !important;
}
.reservation-detail .data-container .person .data .adminremarks {
    font-style: italic;
}
.FA_Measurements_FirstLastComparison, .FA_TargetComparison {
  font-size: 8px;
  background-color: whitesmoke;
  font-weight: bold;
}
.or-ca.descr, .or-ca.eventlanguage {
    display: block;
}
.QA_ResponseOverview th {
    font-weight: bold;
}
.QA_TotalValue {
	font-weight: bold;
	font-size: 14px;
}
.QA_Questionnaire_Title {
    font-weight: bold;
	font-size: 14px;
}
#QA_Questionnaire-table textarea {
    width: 100%;
}
#CalendarList {
    margin-top: 100px;
}
table.PF_Wrapper tr td div.process-step-tab {
    padding: 0px!important;
}
.process-step-title {
    font-size: 12px!important;
}
/*WS Optionlist*/
p.OptionListListTitle {
	font-weight: bold;
}
.OptionListTitle {
	color:#3F3F3F;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
}
a.OptionListTitle {
	text-decoration:underline;
}
.OptionListLink {
	font-style:italic
}
a.OptionListLink {
	font-style:italic
}
.OptionListTitleTD {
	padding-left:10px;
}
.OptionListOptionTD {
	padding-left:20px;
}
.OptionListOptionTR {
	color: grey;
}	
.OptionTableLine tr {
	border-bottom:1px solid white !important;
	border-top:1px solid white !important;
}
.OptionTableLine td{
	font-size: 11px;
	color: grey;
	border-collapse:collapse;	
	border:none;
	border-right:none !important;
	border-left:none !important;
	border-bottom:1px solid white !important;
	border-top:1px solid white !important;	
}
.OptionAssetDescription {
	font-size: 10px;
}
.DeliveryDateLine:not(:first-child) {
    border-top: 1px solid #ededed;
}
.DeliveryTimeLine.Selected {
    font-weight: bold;
}
.DeliveryTimeLine.Selected input[type="button"] {
    background: #ffffff;
    color: #28a4c8 !important;
    border: 1px solid #28a4c8 !important;
}
.flip {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
}

    .flip.out {
        -webkit-transform: rotateY(-90deg) scale(.9);
        -webkit-animation-name: flipouttoleft;
        -webkit-animation-duration: 500ms;
        -moz-transform: rotateY(-90deg) scale(.9);
        -moz-animation-name: flipouttoleft;
        -moz-animation-duration: 500ms;
    }

    .flip.in {
        -webkit-animation-name: flipintoright;
        -webkit-animation-duration: 500ms;
        -moz-animation-name: flipintoright;
        -moz-animation-duration: 500ms;
    }

    .flip.out.reverse {
        -webkit-transform: rotateY(90deg) scale(.9);
        -webkit-animation-name: flipouttoright;
        -moz-transform: rotateY(90deg) scale(.9);
        -moz-animation-name: flipouttoright;
    }

    .flip.in.reverse {
        -webkit-animation-name: flipintoleft;
        -moz-animation-name: flipintoleft;
    }

input[type="button"].icon.reference.Tablebooker, button.icon.reference.Tablebooker,
input[type="submit"].icon.reference.Tablebooker, .buttons.icon.reference.Tablebooker,
input[type="button"].icon.reference.Tablemanager, button.icon.reference.Tablemanager,
input[type="submit"].icon.reference.Tablemanager, .buttons.icon.reference.Tablemanager {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAvNJREFUWAntV99LU3EU/3zv5nSm0I8HYdWTiprRiw8RhiQ9ZBBBzyH01ktJD9HfUGRI9Cy99ZoiRdlAqaeIoKIVLqeo4EtGhs5tbbvfPmfb3e525+pua754YOzc8+tzvuf7Ped7r4KN9MBAE35Fh6HUHWgMU5W2qWthPXQOwsB9hDvmFeZTVjBlMbqn5xRMzyM+D2VkWluq+vyrHJTGHAPeVItfQhI4I9WdfSfJvYQyAtBmfQB3i6IMQOs1Yl1Q3z5/Vbq/34eE+YqCof8ObiVlMIm0GcTxjotKd/We457Pcc8bTZqVOGtAq9u5nWhsAoqHQqnrSnf2psmwJntCUYPg9Wq1albQ7C3rJS1o1rkb5OBZrVgA1c4EBLy5GThyuGBWM8eYP34CiYQjCWcCYnRrDLg2WjNsUYDJx8D4BNDSUiR2JiAVOHYUaGsrMqz5IRDgtjJ2CTkT8FI0NQ1EozKxis1TPK+DZ4DuLmB7G5h5Bvh8wOVLQFMT8OEjf58Ar4x+G8nev5iljROOg6jvN03pbaNkEkjl74uCYicGPHwAjF4F1tZ4a5wHDh4CXgeB9nbg3jhwl78D/oKPxcnCJMliSjpTEgMxdBpnXSWQkKzKT6DMnuYuGvFppUzk/0h7NYDy6e0nsF8B9xXw5Hrc6nXpBqszLF3+iP2dcZeAgK2uAhsbwNIK32o4mOKcDcvLwHfK1tcBuXRcUPlBVCmAAMiYljsjHs9a+ls5ETkDtrac07NSLGCXQVTJSVa9uZkdRFIRodgOsMOx7XL14lp+EopmNxJQC9iyKSezdJX/laG1drdplQO61OqYwdfBKceKXIapylyqpvGEb8XpCV67JfduVSHdOWl+AXnMSQORhbfc1NlqDpA7RJt19rA+Rzj83mAhUvw2uMG3lUhDkhBw0wwjaY4R28wcQBUJLTKJESYxwzzlO6HQZvXkJbapp1n6EbWywOlFGFthMqzuPnGaZ+IKExos1dX0rPAGpnqqlkLv7HH+AJMlzPgVkVo+AAAAAElFTkSuQmCC);
    background-size: 16px 16px;
}

input[type="button"].icon.reference.SocialDeal, button.icon.reference.SocialDeal,
input[type="submit"].icon.reference.SocialDeal, .buttons.icon.reference.SocialDeal {
    background-image: url(data:image/png;base64,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);
    background-size: 16px 16px;
}
/*drawer*/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    background-color: #f2f3f4;
    height: 6px;
    width: 6px;
}

::-webkit-scrollbar-track {
    display: none;
}

::-webkit-scrollbar-thumb {
    background-color: #afb8c2;
    color: #afb8c2;
    border-radius: 25px;
    border-width: 0;
}
.overlay-container, .global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.overlay-container {
    position: fixed;
    z-index: 1000;
    visibility: hidden;
}

    .overlay-container.active {
        visibility: visible;
    }

.backdrop {
    background: rgba(42, 52, 62, 0.46);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0;
}

.active .backdrop {
    opacity: 1;
}
.global-overlay-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 1000;
}

.overlay-pane {
    height: 100%;
    pointer-events: auto;
    position: static;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translateX(570px);
    transform: translateX(570px);
    opacity: .3;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.active .overlay-pane {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.drawer {
    -webkit-box-shadow: -8px 0 26px 0 rgba(0, 0, 0, 0.08);
    box-shadow: -8px 0 26px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    width: 100vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f4f6f8;
}

@media screen and (min-width: 600px) {
    .drawer {
        min-width: 550px;
    }
}

.drawer__back-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-transform: uppercase;
    padding: 20px;
    -ms-flex-item-align: self-start;
    -ms-grid-row-align: self-start;
    align-self: self-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    font-weight: 400;
}

    .drawer__back-btn svg {
        margin-right: 5px;
    }

.drawer__header {
    margin-bottom: 10px;
    padding: 0 20px;
    color: #727f8e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.drawer__form {
    height: 100%;
    background-color: white;
}

.drawer__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.drawer button {
    border: none;
    -webkit-appearance: none;
    background-color: #ebeef1;
    color: #2a343e;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .3;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    font-weight: 600;
}
/*end of drawer*/
/*calendar small*/
#Calendar_Small_Choice_table td {
    padding: 10px 0;
}

@media (max-width: 460px) {
    #Calendar_Small_Choice_table tbody, #Calendar_Small_Choice_table tr, #Calendar_Small_Choice_table td {
        display: block;
        width: 100%;
        height: 100%;
    }
}

table.calendar .calendar-head td {
    padding: 5px;
    background-color: #ebeef1;
    color: #727f8e;
}

    table.calendar .calendar-head td:first-child {
        padding-left: 15px;
    }

    table.calendar .calendar-head td:last-child {
        padding-right: 15px;
    }

    table.calendar .calendar-head td a {
        text-decoration: none;
        color: #727f8e;
        font-weight: 600;
    }

table.calendar .calendar-weekdays td {
    padding: 5px 0;
    color: #727f8e;
    background-color: #ebeef1;
}

table.calendar .calendar-days td {
    padding: 5px 0;
    height: 45px;
    color: #727f8e;
}

    table.calendar .calendar-days td a {
        display: block;
        height: 36px;
        width: 36px;
        line-height: 36px;
        text-align: center;
        text-decoration: none;
        position: relative;
    }

    table.calendar .calendar-days td.AvailableDay a {
        color: #2684e0;
    }

.secondary-color-dark table.calendar .calendar-days td.AvailableDay a,
.secondary-color-light table.calendar .calendar-days td.AvailableDay a {
    color: #2a343e;
}

table.calendar .calendar-days td.AvailableDay a:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid;
    border-color: #2684e0;
    border-color: var(--primary-color);
    border-radius: 999px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    width: 36px;
    height: 36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table.calendar .calendar-days td.UnavailableDay a {
    color: #FF3529;
}
table.calendar .calendar-days td.AvailableDay a:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid;
    border-color: #2684e0;
    border-color: var(--primary-color);
    border-radius: 999px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    width: 36px;
    height: 36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table.calendar .calendar-days td.UnavailableDay a {
    color: #FF3529;
}

    table.calendar .calendar-days td.UnavailableDay a:before {
        content: '';
        display: block;
        position: absolute;
        border: 1px solid;
        border-color: #FF3529;
        border-radius: 999px;
        left: 0;
        right: 0;
        bottom: 0;
        top: 50%;
        width: 36px;
        height: 36px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.dialog-container {
    display: none;
    position: fixed;
    color: #2a343e;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.29);
    text-align: left;
    line-height: 1.5;
    height: auto;
    bottom: 0;
    z-index: 999;
    overflow-x: hidden;
}

    .dialog-container.active {
        display: block;
    }

.widget-container .dialog-container {
    border-radius: 10px 10px 0 10px;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    bottom: 20px;
    top: 20px;
}

.dialog-container .dialog-message {
    color: #2a343e;
    width: 100%;
    max-width: 460px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: white;
    text-align: left;
    line-height: 1.5;
    padding: 30px 20px;
    height: auto;
    position: absolute;
    -webkit-box-shadow: 0 4px 14px rgba(42, 52, 62, 0.12);
    box-shadow: 0 4px 14px rgba(42, 52, 62, 0.12);
}

.dialog-container .dialog-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

/*end of calendar small*/
@-webkit-keyframes flipouttoleft {
    from {
        -webkit-transform: rotateY(0);
    }

    to {
        -webkit-transform: rotateY(-90deg) scale(.9);
    }
}

@-moz-keyframes flipouttoleft {
    from {
        -moz-transform: rotateY(0);
    }

    to {
        -moz-transform: rotateY(-90deg) scale(.9);
    }
}

@-webkit-keyframes flipouttoright {
    from {
        -webkit-transform: rotateY(0);
    }

    to {
        -webkit-transform: rotateY(90deg) scale(.9);
    }
}

@-moz-keyframes flipouttoright {
    from {
        -moz-transform: rotateY(0);
    }

    to {
        -moz-transform: rotateY(90deg) scale(.9);
    }
}

@-webkit-keyframes flipintoleft {
    from {
        -webkit-transform: rotateY(-90deg) scale(.9);
    }

    to {
        -webkit-transform: rotateY(0);
    }
}

@-moz-keyframes flipintoleft {
    from {
        -moz-transform: rotateY(-90deg) scale(.9);
    }

    to {
        -moz-transform: rotateY(0);
    }
}

@-webkit-keyframes flipintoright {
    from {
        -webkit-transform: rotateY(90deg) scale(.9);
    }

    to {
        -webkit-transform: rotateY(0);
    }
}

@-moz-keyframes flipintoright {
    from {
        -moz-transform: rotateY(90deg) scale(.9);
    }

    to {
        -moz-transform: rotateY(0);
    }
}
/* === Cashreport === */
#frmCashReport .weekday-selector {
    display: inline;
}
@media screen and (max-width: 400px) {
    #CalendarShortlist_table {
        width: 100% !important;
    }
    #CA_AEEP_BODY {
      padding: 0px !important;
    }
}
@media handheld, only screen and (max-width: 800px){
    #CalendarList {
        width: 100%;
    }
}
@media print {
    .hint, error, .warning {
        background-color: whitesmoke !important;
        color: #000000 !important;
        padding: 3px !important;
        border: solid 1px #CCCCCC !important;
    }
}
.PageNumbers_TD {
    color: #CCCCCC;
}